<template>
  <div>
    <!-- 使用子组件,使用-，不建议使用驼峰 -->
    <Header/>
    <SideBar/>
    <router-view/>
  </div>
</template>

<script>
    // 会导入./AppHeader下面的index.vue组件
    import Header from "./Header"
    import SideBar from "./SideBar"
    import MainBar from "./MainBar"

    // 导入子组件
    export default {
        components: {
            Header,
            SideBar,
            MainBar
        }
    };
</script>

<style scoped>

</style>
